* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body {
	min-width: 320px;
	max-width: 750px;
	/* flexible 给我们划分了 10 等份 */
	width: 10rem;
	/* width: 100%; */
	margin: 0 auto;
	line-height: 1.5;
	font-family: Arial, Helvetica;
	background: white;
	/* overflow: hidden; */
}

@media screen and (min-width: 750px) {
	html {
		font-size: 75px !important;
	}
}

ul li {
	list-style: none;
}

a {
	text-decoration: none;
	color: #000000;
}

.contianer {
	padding: 0 0.506666rem;
}

.header {
	padding: 0.253333rem 0.506666rem;
	display: flex;
	align-items: center;
}

.header_r {
	display: flex;
	align-items: center;
}

.header_r span {
	margin-left: 0.533333rem;
	margin-right: 0.453333rem;
}

.header_r span a {
	font-size: 0.346666rem;
	color: #000000;
}

.header_r img {
	height: 0.4rem;
	width: 0.52rem;

}

.header_l img {
	margin-right: 0.866666rem;
	width: 0.56rem;
	height: 0.466666rem;
}

.header_c {
	flex: 1;
	height: 0.733333rem;
	border-radius: 0.586666rem;
	background-color: #f1f1f1;
	line-height: 0.733333rem;
	font-size: 0.266666rem;
	padding-left: 0.746666rem;
	position: relative;
}

.header_c::before {
	content: "";
	position: absolute;
	top: 0.16rem;
	left: 0.32rem;
	width: 0.4rem;
	height: 0.4rem;
	background: url(../img/search16@2x.png) no-repeat center;
	background-size: cover;
}

.sw img {
	width: 100%;
	height: auto;
}

.nav {
	margin: 0.666666rem 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.nav li{
	width: 25%;
	
}
.nav li a{
	color: #000000;
	font-size: 0.32rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

}
.nav li a span img{
	height: 1.026666rem;
	width: 1.026666rem;
}
.sheji{
	display: flex;
	
	justify-content: space-between;
	
}
.sheji_l{
	width: 3.453333rem;
	height: 3.293333rem;
	background: url(../img/形状%202@2x.png) no-repeat center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sheji_r div span{
	font-size: 0.4rem;
	color: white;
}
.sheji_r div span:last-child{
	font-size: 0.24rem;
	color: white;
}
.sheji li a{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.sheji_r{
	height: 3.293333rem;
	width: 4.693333rem;
}
.sheji_r {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.sheji_r div{
	height: 1.506666rem;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.sheji_r div span{
	font-size: 0.4rem;
	width: 2.173333rem;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.st_l{
	background: url(../img/形状%203%20拷贝%202@2x.png) no-repeat;
	background-size: contain;
}
.st_r{
	background: url(../img/xzs@2x.png@2x.png) no-repeat;
	background-size: contain;
}
.sb_l{
	background: url(../img/形状%203%20拷贝@2x.png) no-repeat;
	background-size: contain;
}
.sb_r{
	background: url(../img/xzs@2x.png@2x.png) no-repeat;
	background-size: contain;
}
.text{
	margin: 0.666666rem 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.text span{
	display: flex;
	align-items: center;
}
.re{
	padding: 0.053333rem 0.266666rem;
	background-color: #ff7826;
	color: wheat;
	border-radius: 0.586666rem;
}
.main li{
	padding: 0.4rem 0;
	box-shadow: 0 0 10px #eee;
}
.main_litter{
	padding-left: 0.306666rem;
	display: flex;
	border-bottom: 0.013333rem solid #C0C0C0;
}
.main_litter span img{
	width: 2.333333rem;
	height: 1.893333rem;
}
.iii{
	margin-left: 0.186666rem;
}
.main_litterr{
	padding: 0.306666rem;
	display: flex;
	justify-content: space-between;
	
}
.main_l{
	display: flex;
	align-items: center;
	font-size: 0.266666rem;
	color: #a8a8a8;
}
.mianfei{
	
	text-align: center;
	height: auto;
	padding: 0.053333rem 0.266666rem;
	background-color: #FF7826;
	color: white;
	border-radius: 0.186666rem;
	font-size: 0.24rem;
}
.ppp{
	margin: 0.186666rem 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer{
	min-width: 320px;
	max-width: 750px;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: white;
	z-index: 9999;
}
.footer li{
	width: 25%;
}
.footer li a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 0.333333rem;
}
.footer li a img{
	height: 0.506666rem;
	width: 0.506666rem;
}
.footer li a span:first-child{
	font-family: "iconfont" !important;
	  font-size: 0.533333rem;
	  font-style: normal;
}
.sw1{
	display: flex;
	flex-direction: column;
}
.ddd{
	width: 100%;
	height: auto;
	padding-left: 0.306666rem;
}
.ddd p:first-child{
	margin-top: 0.16rem;
	font-size: 0.253333rem;
}
.ddd p:last-child{
	display: flex;
	justify-content: space-between;
	color: #8b8b8b;
	font-size: 0.24rem;
}
